﻿<?php session_start();?>

<!doctype html>
<html lang="en" class="no-js">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>CMIX play</title>
		<link rel="stylesheet" href="<?php echo $_SERVER['plateforme'];?>/css/style.css">
		<script type="text/javascript" >
			function valider(inscription)
			{
				var chaine="";
				var errors=document.getElementsByClassName("error");
				for(var i=0; i<errors.length; i++){
					errors[i].innerHTML="";
				}
				
				rempli=true;
				if(document.inscription.nom.value=="")
				{
					document.getElementById("error_nom").innerHTML="Saisissez le nom";
					rempli=false;
				}
				if(document.inscription.prenom.value=="")
				{
					document.getElementById("error_prenom").innerHTML="Saisissez le prenom";
					rempli=false;
				}
				if(document.inscription.login.value=="")
				{
					document.getElementById("error_login").innerHTML="Saisissez le login";
					rempli=false;
				}
				if(document.inscription.email.value=="")
				{
					document.getElementById("error_email").innerHTML="Saisissez le nouvel email";
					rempli=false;
				}
				if(document.inscription.email_confirmation.value=="")
				{
					document.getElementById("error_email_conf").innerHTML="Saisissez l'email de confirmation";
					rempli=false;
				}
				if(document.inscription.email.value!=""&&document.inscription.email_confirmation.value!=""&&document.inscription.email_confirmation.value!=document.inscription.email.value)
				{
					document.getElementById("error_email_diff").innerHTML="Nouvel email et email de confirmation differents";
					rempli=false;
				}
				if(document.inscription.mdp.value=="")
				{
					document.getElementById("error_mdp").innerHTML="Saisissez le nouveau mot de passe";
					rempli=false;
				}
				if(document.inscription.mdp_confirmation.value=="")
				{
					document.getElementById("error_mdp_conf").innerHTML="Saisissez le mot de passe de confirmation";
					rempli=false;
				}
				if(document.inscription.mdp.value!="" && document.inscription.mdp_confirmation.value!="" && document.inscription.mdp_confirmation.value!=document.inscription.mdp.value)
				{
					document.getElementById("error_mdp_diff").innerHTML="Nouveau mot de passe et mot de passe de confirmation differents";
					rempli=false;
				}
				
				if(document.inscription.sexe.value==-1)
				{
					document.getElementById("error_sexe").innerHTML="Renseignez votre sexe";
					rempli=false;
				}
				if(document.inscription.anniversaire_day.value==-1||document.inscription.anniversaire_month.value==-1||document.inscription.anniversaire_year.value==-1)
				{
					document.getElementById("error_anniversaire").innerHTML="Renseignez votre date de naissance";
					rempli=false;
				}
				if(document.inscription.langue.value=="0")
				{
					document.getElementById("error_langue").innerHTML="Renseignez votre langue";
					rempli=false;
				}
				
				return rempli;
			}
		</script>
	</head>
	<body>
	
		<?php include $_SERVER['rootplateforme']."/bandeau.php";?> <!--Il s'agit de la barre en haut présente sur toutes les pages -->
		
		<div class='titre'>
			<h1>Inscription</h1>
		</div>
		
		<div class="enregistrement">
			<form method="post" action="Verification_inscription.php" id="inscription" name="inscription">
			<table>
				<tr><td><label for="nom">Nom de famille :</label></td>
				<td><input type="text" id="nom" name="nom" />
				<span class="error" id="error_nom"></span></td></tr>
				<tr><td><label for="prenom">Prenom :</label></td>
				<td><input type="text" id="prenom" name="prenom" />
				<span class="error" id="error_prenom"></span></td></tr>
				<tr><td><label for="login">Choisissez un login :</label></td>
				<td><input type="text" id="login" name="login" />
				<span class="error" id="error_login"></span></td></tr>
				<tr><td><label for="email">Votre adresse electronique :</label></td>
				<td><input type="text" id="email" name="email" />
				<span class="error" id="error_email"></span></td></tr>
				<tr><td><label for="email_confirmation">Saisissez a nouveau votre adresse electronique :</label></td>
				<td><input type="text" id="email_confirmation" name="email_confirmation" />
				<span class="error" id="error_email_conf"></span><span class="error" id="error_email_diff"></span></td></tr>
				<tr><td><label for="mdp">Nouveau mot de passe :</label></td>
				<td><input type="password" id="mdp" name="mdp" value="" />
				<span class="error" id="error_mdp"></span></td></tr>
				<tr><td><label for="mdp_confirmation">Saisissez a nouveau votre mot de passe :</label></td>
				<td><input type="password" id="mdp_confirmation" name="mdp_confirmation" value="" />
				<span class="error" id="error_mdp_conf"></span><span class="error" id="error_mdp_diff"></span></td></tr>
				<tr><td><label for="sexe">Je suis :</label></td>
					<td><select name="sexe" id="sexe">
						<option value="-1">Sexe :</option><option value="1">Femme</option><option value="2">Homme</option>
					</select>
					<span class="error" id="error_sexe"></span></td></tr>
				<tr><td><label for="anniversaire">Date de naissance :</label></td>
					<td><select name="anniversaire_day" id="anniversaire_day">
						<option value="-1">Jour :</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> 
					<select name="anniversaire_month" id="anniversaire_month" >
						<option value="-1">Mois :</option><option value="1">janvier</option><option value="2">fevrier</option><option value="3">mars</option><option value="4">avril</option><option value="5">mai</option><option value="6">juin</option><option value="7">juillet</option><option value="8">août</option><option value="9">septembre</option><option value="10">octobre</option><option value="11">novembre</option><option value="12">decembre</option></select>
					<select name="anniversaire_year" id="anniversaire_year" >
						<option value="-1">Annee :</option><option value="2012">2012</option><option value="2011">2011</option><option value="2010">2010</option><option value="2009">2009</option><option value="2008">2008</option><option value="2007">2007</option><option value="2006">2006</option><option value="2005">2005</option><option value="2004">2004</option><option value="2003">2003</option><option value="2002">2002</option><option value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option value="1969">1969</option><option value="1968">1968</option><option value="1967">1967</option><option value="1966">1966</option><option value="1965">1965</option><option value="1964">1964</option><option value="1963">1963</option><option value="1962">1962</option><option value="1961">1961</option><option value="1960">1960</option><option value="1959">1959</option><option value="1958">1958</option><option value="1957">1957</option><option value="1956">1956</option><option value="1955">1955</option><option value="1954">1954</option><option value="1953">1953</option><option value="1952">1952</option><option value="1951">1951</option><option value="1950">1950</option><option value="1949">1949</option><option value="1948">1948</option><option value="1947">1947</option><option value="1946">1946</option><option value="1945">1945</option><option value="1944">1944</option><option value="1943">1943</option><option value="1942">1942</option><option value="1941">1941</option><option value="1940">1940</option><option value="1939">1939</option><option value="1938">1938</option><option value="1937">1937</option><option value="1936">1936</option><option value="1935">1935</option><option value="1934">1934</option><option value="1933">1933</option><option value="1932">1932</option><option value="1931">1931</option><option value="1930">1930</option><option value="1929">1929</option><option value="1928">1928</option><option value="1927">1927</option><option value="1926">1926</option><option value="1925">1925</option><option value="1924">1924</option><option value="1923">1923</option><option value="1922">1922</option><option value="1921">1921</option><option value="1920">1920</option><option value="1919">1919</option><option value="1918">1918</option><option value="1917">1917</option><option value="1916">1916</option><option value="1915">1915</option><option value="1914">1914</option><option value="1913">1913</option><option value="1912">1912</option><option value="1911">1911</option><option value="1910">1910</option><option value="1909">1909</option><option value="1908">1908</option><option value="1907">1907</option><option value="1906">1906</option><option value="1905">1905</option></select>
					<span class="error" id="error_anniversaire"></span></td></tr>
				<tr><td><label for="langue">Langue :</label></td>
					<td><select name="langue" id="langue">
					<option value="0">Langue :</option><option value="1">Français</option><option value="2">English</option>
					</select>
					<span class="error" id="error_langue"></span></td></tr>
				<tr><td></td><td><input value="Inscription" type="button" onClick="if(valider('inscription'))this.form.submit();"/></td></tr>
				
				
			</table>
			</form>
			<div id="error">
				<!--Affiche un message quand les champs remplis par l'utilisateur sont mal parse-->
				<center><div class="message"><?php if(isset($_COOKIE['error'])){ echo $_COOKIE['error'];} ?>	</div></center>
			</div>
		</div>
		
		
		
		<div class='pied'>
			<center>©2012 CMIX enterprise all right reserved</center>
		</div>

	</body>
</html>